<%--
  Created by IntelliJ IDEA.
  User: Dell
  Date: 2021/11/23
  Time: 10:19
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%String path = request.getContextPath();%>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <meta name="format-detection" content="telephone=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>个人中心页</title>
    <link rel="stylesheet" type="text/css" href="<%=path %>/web/app/css/publice.css"/>
    <link rel="stylesheet" type="text/css" href="<%=path %>/web/app/css/style.css"/>
    <link rel="stylesheet" href="<%=path %>/web/app/css/swiper.min.css">
    <script src="<%=path %>/web/app/js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        fnResize();
        var evt = "onorientationchange" in window ? "orientationchange" : "resize";
        window.addEventListener("resize", function() {
            fnResize()
        }, false);
        function fnResize(){
            var docWidth = document.documentElement.clientWidth,
                body = document.getElementsByTagName('html')[0];
            if(docWidth >= 750) docWidth = 749;
            body.style.fontSize = docWidth / 20 + 'px';
        }
    </script>
    <script src="<%=path %>/web/app/js/swiper.min.js"></script>
    <script type="text/javascript" src="<%=path %>/web/app/js/style.js" ></script>

    <script type="text/javascript">
        function app_back(){
            window.location.href = "app_login";
        }

        function center_grzl(id){
            window.location.href = "center_grzl?id="+id;
        }
        function center_mmxg(id){
            window.location.href = "center_mmxg";
        }
        function center_syzcmx(){
            window.location.href = "center_syzcmx";
        }
        function center_yglcsp(id){
            window.location.href = "center_yglcsp?id="+id;
        }

        <%--function do_msg() {--%>
        <%--    var msg='${b}';--%>
        <%--    if(msg=="no_card"){--%>
        <%--        alert("您还没有开卡，无法购买理财产品！请先开卡！");--%>
        <%--    }--%>

        <%--}--%>
    </script>





</head>
<body >
<c:forEach var="it" items="${list}">
<div class="ts-wrap" >
    <div class="personal_top" >
        <div class="per_tp">
            <img src="<%=path %>/upload/${it.em4}" onerror="this.src='<%=path %>/upload/m.jpg'">
        </div>
        <div class="pers_wz">
            <p>${it.loginname} 【${it.username}】</p>
            <br>

                <strong style="color: indianred;font-size: 25px;">￥余额：${it.monnum}</strong>

        </div>
        <div class="ewm">
            <ul id="social" class="social">
                <li class="slist">
                    <a class="sfocus weixin" href="javascript:void(0);"><img src="<%=path %>/web/app/img/wx_icon.png"></a>
                    <div class="fadin fadina">
                        <img src="<%=path %>/web/app/img/ewm_pic.png">
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <div class="personal_mid">
        <ul>
            <li onclick="center_grzl('${it.id }')">
                <p>个人资料</p><span><img src="<%=path %>/web/app/img/arrow.png"></span>
            </li>

            <li onclick="center_mmxg()">
                <p>密码修改</p><span><img src="<%=path %>/web/app/img/arrow.png"></span>
            </li>

            <li onclick="center_syzcmx()">
                <p>收益/支出明细</p><span><img src="<%=path %>/web/app/img/arrow.png"></span>
            </li>

            <li class="last" onclick="center_yglcsp('${it.id }')">
                <p>已购理财商品</p><span><img src="<%=path %>/web/app/img/arrow.png"></span>
            </li>
        </ul>
    </div>
    <div class="personal_mid">
        <ul>

           <%-- <li class="last">
                <p>问题反馈</p><span><img src="<%=path %>/web/app/img/arrow.png"></span>
            </li>--%>
        </ul>
    </div>
    <div class="personal_bot">
        <input type="button" value="安全退出" class="aqtc" onclick="app_back()"/>
    </div>

    <!--固定底部 S-->
    <jsp:include page="/footer" ></jsp:include>
    <!--固定底部 E-->
</div>
</c:forEach>
</body>
</html>
<script>
    var mark=1;
    $(".slist").bind("click", function(){
        if(mark==1){//把他展开
            $(this).children('.fadin').fadeIn();
            mark=2;
        }else if(mark==2){//收缩
            $(this).children('.fadin').fadeOut();
            mark=1;
        }
    });
</script>
